@forward "theme";
html {
  //filter:grayscale(1);
  //filter: invert(1) hue-rotate(180deg);
}

:root {
  --primary: #9254de; /* 根据你的主题颜色调整 */
  --primary-light: #d3adf7;
  --primary-active: #b37feb;
  --primary-hover: #722ed1;


  --bg-primary-100: #f9f0ff;
  --bg-primary-200: #efdbff;
  --bg-primary-300: #d3adf7;
  --bg-primary-400: #b37feb;
  --bg-primary-500: #9254de;
  --bg-primary-600: #722ed1;
  --bg-primary-700: #531dab;
  --bg-primary-800: #391085;
  --bg-primary-900: #22075e;


  --layout-bg-color: rgb(247 250 252);
}
